<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
<meta charset="utf-8" />
<title>Universal Selector (*)</title>
<meta name="description" content="CSS3参考手册之: 通配选择符(*)" />
<meta name="keywords" content="通配选择符, css3选择符, css3, css3参考手册" />
<meta name="author" content="Joy Du(飘零雾雨), dooyoe@gmail.com, www.doyoe.com" />
<meta name="robots" content="all" />
<!--[if lte IE 8]>
<script src="../../js/html5.js"></script>
<![endif]-->
<link rel="stylesheet" href="../../skin/article.css" />
<link rel="stylesheet" href="../../bg.css" />
<style type="text/css" media="screen">
	#hd span{
		font-size: 25px;
		color:#0382ad;
		font-weight: 700;
		line-height: 26px;
	}
	
</style>
</head>
<body>
<nav id="guide" class="g-mod">
	<div class="from">
		<a href="http://css.doyoe.com/" target="_blank">CSS3参考手册</a>
		<span>&#187;</span>
		<a href="../index.htm">晗安笔记</a>
		<span>&#187;</span>
		<a href="index.htm" id="category" rel="hanan/css" name="cursor">晗安css</a>
		<span>&#187;</span>
	</div>
	<div class="to">
		<span class="label">相关内容：</span>
		<div class="g-combobox g-transition">
			<a href="?" class="g-transition target">
				<strong>其它元素选择符参考</strong>
				<span>选择其它项<!--[if lte IE 7]><ins>IE7 and earlier, Get to die</ins><![endif]--></span>
			</a>
			<div class="g-transition list">
				<ul>
					<!-- 插入分类快速导航 -->
				</ul>
			</div>
		</div>
	</div>
</nav>
<header id="hd">
<span>鼠标样式 cursor</span>
<!-- 	<section id="title" class="g-mod">
		<h1 class="tit">标签</h1>
		<ul class="info">
			<li><strong>版本：CSS2</strong></li>
		</ul>
		插入浏览器信息
	</section> -->
</header>
<section id="bd">
	<section id="syntax" class="g-mod g-attr">
		<h2 class="tit">语法：</h2>
		<div class="cont">
		<!-- 在P标签内放标签语法代码 -->
			<p style="background: #272822;color:#ffffff">
                 <span style="color: #75715e">/*鼠标样式*/</span><br>
        <span style="color: #66d9ef">cursor</span><span style="color: #f92672">:</span> <span style="color: #66d9ef">help</span><span style="color: #f8f8f2">;</span>
        	</p>
		</div>
	</section>
	<section id="intro" class="g-mod g-attr">
		<h2 class="tit">说明：(边框样式)</h2>
		<div class="cont">
			<!-- <strong>选定所有对象。</strong> -->
			<ul>
				<li><span style='color:red'>default</span>     默认光标（通常是一个箭头）</li>
				<li><span style='color:red'>auto</span>    默认。浏览器设置的光标。</li>
				<li><span style='color:red'>crosshair</span>   光标呈现为十字线。</li>
				<li><span style='color:red'>pointer</span>     光标呈现为指示链接的指针（一只手）</li>
				<li><span style='color:red'>move</span>    此光标指示某对象可被移动。</li>
				<li><span style='color:red'>e-resize</span>    此光标指示矩形框的边缘可被向右（东）移动。</li>
				<li><span style='color:red'>ne-resize</span>   此光标指示矩形框的边缘可被向上及向右移动（北/东）。</li>
				<li><span style='color:red'>nw-resize</span>   此光标指示矩形框的边缘可被向上及向左移动（北/西）。</li>
				<li><span style='color:red'>n-resize</span>    此光标指示矩形框的边缘可被向上（北）移动。</li>
				<li><span style='color:red'>se-resize</span>   此光标指示矩形框的边缘可被向下及向右移动（南/东）。</li>
				<li><span style='color:red'>sw-resize</span>   此光标指示矩形框的边缘可被向下及向左移动（南/西）。</li>
				<li><span style='color:red'>s-resize </span>   此光标指示矩形框的边缘可被向下移动（南）。</li>
				<li><span style='color:red'>w-resize </span>   此光标指示矩形框的边缘可被向左移动（西）。</li>
				<li><span style='color:red'>text </span>   此光标指示文本。</li>
				<li><span style='color:red'>wait </span>   此光标指示程序正忙（通常是一只表或沙漏）。</li>
				<li><span style='color:red'>help </span>   此光标指示可用的帮助（通常是一个问号或一个气球）。</li>
			</ul>
		</div>
	</section>

	<section id="example" class="g-mod g-attr">
		<h2 class="tit">示例：</h2>
		<div class="cont">
		<!-- textarea标签内放运行的代码 -->
			<textarea cols="90" rows="20">
<html>
<head>
	<meta charset="utf-8">
	<title>代码测试</title>
	<style type="text/css" media="screen">
		span{
			line-height:35px;
		}
	</style>
</head>
<body>
<html>

<body>
<p>请把鼠标移动到单词上，可以看到鼠标指针发生变化：</p>
<span style="cursor:auto">
auto 默认。浏览器设置的光标。</span><br />
<span style="cursor:crosshair">
crosshair 光标呈现为十字线。</span><br />
<span style="cursor:default">
default 默认光标（通常是一个箭头）</span><br />
<span style="cursor:pointer">
pointer 光标呈现为指示链接的指针（一只手）</span><br />
<span style="cursor:move">
move 此光标指示某对象可被移动。</span><br />
<span style="cursor:e-resize">
e-resize 此光标指示矩形框的边缘可被向右（东）移动。</span><br />
<span style="cursor:ne-resize">
ne-resize 此光标指示矩形框的边缘可被向上及向右移动（北/东）。</span><br />
<span style="cursor:nw-resize">
nw-resize 此光标指示矩形框的边缘可被向上及向左移动（北/西）。</span><br />
<span style="cursor:n-resize">
n-resize 此光标指示矩形框的边缘可被向上（北）移动。</span><br />
<span style="cursor:se-resize">
se-resize 此光标指示矩形框的边缘可被向下及向右移动（南/东）。</span><br />
<span style="cursor:sw-resize">
sw-resize 此光标指示矩形框的边缘可被向下及向左移动（南/西）。</span><br />
<span style="cursor:s-resize">
s-resize 此光标指示矩形框的边缘可被向下移动（南）。</span><br />
<span style="cursor:w-resize">
w-resize 此光标指示矩形框的边缘可被向左移动（西）。</span><br />
<span style="cursor:text">
text 此光标指示文本。</span><br />
<span style="cursor:wait">
wait 此光标指示程序正忙（通常是一只表或沙漏）。</span><br />
<span style="cursor:help">
help 此光标指示可用的帮助（通常是一个问号或一个气球）。</span>
</body>
</body>

</html>
			</textarea>
			<p><input type="button" value="运行" class="g-btn g-btn-sure" /></p>
		</div>
	</section>
</section>
<footer id="ft">
	<aside id="rights" class="g-mod">
		<!-- 插入浏览器及版权信息 -->
	</aside>
</footer>
<script src="../../js/jquery.js"></script>
<script src="../../js/inner.js"></script>
</body>
</html>